<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<title>Demo HTML</title>

<link rel="stylesheet/less" href="public/css/style.less" />
<link rel="stylesheet" href="public/css/font-awesome.css"/>
<link rel="stylesheet" href="public/css/jquery.fanmenu.css"/>
<script src="public/js/less-1.5.0.min.js"></script>
<script src="public/js/jquery-1.11.0.min.js"></script>
<script src="public/js/jquery.fanmenu.js"></script>
</head>
<body>
<header>
  <a href="#" class="btn-back">
    <i class="fa fa-angle-left"></i>
  </a>

  <h2>贵宾问卷</h2>
</header>
<section class="section-pb">
  <div class="drop-down">
    <h2>
      <cite class="jbwj"></cite>
      
    </h2>
    <div class="content show" >
      <div class="join vest">
  
        <form action="#">
          <div class="form-group cc">
            <label>姓名:</label>
            <div class="control">
              <input type="text" class="form-control"  placeholder="请填写您的姓名">
            </div>
          </div>

          <div class="form-group cc">
            <label>性别:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="sex"> 男</span>
              <span class="radio"><input type="radio" name="sex"> 女</span>
            </div>
          </div>

          <div class="form-group cc">
            <label>年龄:</label>
            <div class="control">
              <input type="text" class="form-control"  placeholder="请填写您的年龄">
            </div>
          </div>

          <div class="form-group cc">
            <label>名下房产:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="sex"> 1套 </span>
              <span class="radio"><input type="radio" name="sex"> 2套 </span>
              <span class="radio"><input type="radio" name="sex"> 3套 </span>
              <span class="radio"><input type="radio" name="sex"> 4套 </span>
            </div>
          </div>

          <div class="form-group cc">
            <label>联系电话:</label>
            <div class="control">
              <input type="text" class="form-control"  placeholder="请填写联系电话">
            </div>
          </div>

          <div class="form-group cc">
            <label>现居住区域:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="area"> 南湖区</span>
              <span class="radio"><input type="radio" name="area"> 秀洲区</span>
              <span class="radio"><input type="radio" name="area"> 国际商务区</span>
              <span class="radio"><input type="radio" name="area"> 其他</span>
            </div>
          </div>

          <div class="form-group cc">
            <label>购房目的:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="gfmd"> 成家</span>
              <span class="radio"><input type="radio" name="gfmd"> 为子女购房</span>
              <span class="radio"><input type="radio" name="gfmd"> 改善条件</span>
              <span class="radio"><input type="radio" name="gfmd"> 父母一起住</span>
              <span class="radio"><input type="radio" name="gfmd"> 投资兼自住</span>
            </div>
          </div>

          <div class="form-line"></div>

          <div class="form-group cc">
            <label>需求类型:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="gfmd"> 洋房</span>
              <span class="radio"><input type="radio" name="gfmd"> 高层</span>
              <span class="radio"><input type="radio" name="gfmd"> 小高层</span>
            </div>
          </div>
          <div class="form-group cc">
            <label>户型:</label>
            <div class="control">
              <span class="radio f11"><input type="radio" name="gfmd"> 二房二厅一卫</span>
              <span class="radio f11"><input type="radio" name="gfmd"> 三房二厅一卫</span>
              <span class="radio f11"><input type="radio" name="gfmd"> 三房二厅二卫</span>
              <span class="radio f11"><input type="radio" name="gfmd"> 四房二厅二卫</span>
            </div>
          </div>

          <div class="form-group cc">
            <label>面积:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="gfmd"> 80-90㎡</span>
              <span class="radio"><input type="radio" name="gfmd"> 110-120㎡</span>
              <span class="radio"><input type="radio" name="gfmd"> 130-140㎡</span>
              <span class="radio"><input type="radio" name="gfmd"> 170㎡</span>
            </div>
          </div>

          <div class="form-group cc">
            <label>总价:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="gfmd"> 60-70万</span>
              <span class="radio"><input type="radio" name="gfmd"> 70-80万</span>
              <span class="radio"><input type="radio" name="gfmd"> 80-90万</span>
              <span class="radio"><input type="radio" name="gfmd"> 90-100万</span>
              <span class="radio"><input type="radio" name="gfmd"> 100万以上</span>
            </div>
          </div>

          <div class="form-group cc">
            <label>楼层/多层:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="gfmd"> 1-2层</span>
              <span class="radio"><input type="radio" name="gfmd"> 3-4层</span>
              <span class="radio"><input type="radio" name="gfmd"> 5-7层</span>
            </div>
          </div>
          <div class="form-group cc">
            <label>楼层/高层:</label>
            <div class="control">
              <span class="radio"><input type="radio" name="gfmd"> 1-5层</span>
              <span class="radio"><input type="radio" name="gfmd"> 6-10层</span>
              <span class="radio"><input type="radio" name="gfmd"> 11-12层</span>
              <span class="radio"><input type="radio" name="gfmd"> 13-18层</span>
            </div>
          </div>

          <div class="form-line"></diiv>
          <div class="form-group-v2">
            <label>选择住宅的最关注因素：（排序选择、至少三项）</label>
            <div class="control-v2">
              <ul>
                <li><input type="radio"> 开发商品牌</li>
                <li><input type="radio"> 物业管理</li>
                <li><input type="radio"> 地段</li>
                <li><input type="radio"> 交通</li>
                <li><input type="radio"> 教育配套</li>
                <li><input type="radio"> 周边配套</li>
                <li><input type="radio"> 小区规划</li>
                <li><input type="radio"> 小区内配套</li>
                <li><input type="radio"> 建筑风格</li>
                <li><input type="radio"> 园林景观</li>
                <li><input type="radio"> 装修标准</li>
                <li><input type="radio"> 户型面积</li>
                <li><input type="radio"> 得房率</li>
                <li><input type="radio"> 楼层/位置</li>
                <li><input type="radio"> 价格</li>
                <li><input type="radio"> 付款方式</li>
              </ul>
            </div>
          </div>
          <div class="form-line"></diiv>
          <div class="form-group cc">
            <div class="control control-v2">
              <button type="submit" class="btn btn-default">确 定</button>
            </div>
          </div>

        </form>
      </div>
    </div>
  </div>
</section>
<footer>
  <p>&copy; 金红紫英房地产   TEL:0573-82956666</p>
  
</footer>
<div id='path-menu' class="fm_wrap" >
  <a class="fm_btntoggle" href="#" title="Toggle"><i>+</i></a>
  <ul class="fm_list">
      <li><a href="#"><i class="fa fa-home"></i></a></li>
      <li><a href="#"><i class="fa fa-gift"></i></a></li>
      <li><a href="#"><i class="fa fa-phone"></i></a></li>
      <li><a href="#"><i class="fa fa-map-marker"></i></a></li>
  </ul>
</div>

<script type="text/javascript">
  $(function(){



    $("#path-menu").fanmenu({
        'initAngle':-5,
        'angleDisplay' : 90,
        'radius':100,
        'hideOnClick':true
    });

  })
</script>

</body>
</html>